<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />

<link rel="stylesheet" href="jquery.lightbox-0.5.css" media="screen" />
<link rel="stylesheet" href="style.css"/>

<script src="javascript/jquery-1.5.1-min.js"></script>
<script src="javascript/jquery.lightbox-0.5.pack.js"></script>
<script src="javascript/script.js"></script>

<link rel="icon" type="image/png" href="images/logo.png"/>

<title>PokerMadness</title>
</head>
<body onKeyPress="commence();">
<div class="game vertical center-pack center-align">
	<div class="seats horizontal center-pack" onClick="commence();">
		<div id="seatwithcards_top1" class="vertical center-pack center-align">
			<div id="cards_1" class="horizontal center-pack">
				<div id="card1_1" class="card2"><img class="kaart" src="images/nupud/tagakylg.png"/></div>
				<div id="card1_2" class="card2"><img class="kaart" src="images/nupud/tagakylg.png"/></div>
			</div>
			<div id="seat_top1" class="seat vertical center-pack">
				<div class="username">Player 1</div>
				<div id="stack1" class="stack">100</div>
			</div>
		</div>
		<div id="seatwithcards_top2" class="vertical center-pack center-align">
			<div id="cards_2" class="horizontal center-pack">
				<div id="card2_1" class="card2"><img class="kaart" src="images/nupud/tagakylg.png"/></div>
				<div id="card2_2" class="card2"><img class="kaart" src="images/nupud/tagakylg.png"/></div>
			</div>
			<div id="seat_top2" class="seat vertical center-pack">
				<div class="username">Player 2</div>
				<div id="stack2" class="stack">100</div>
			</div>
		</div>
	</div>
	<div class="horizontal center-pack" onClick="commence();">
		<div id="left_sideseats" class="vertical center-pack extend">
			<div class="vertical center-pack center-align seatwithcards_left1">
			<div id="cards_9" class="horizontal center-pack">
				<div id="card9_1" class="card2"><img class="kaart" src="images/nupud/tagakylg.png"/></div>
				<div id="card9_2" class="card2"><img class="kaart" src="images/nupud/tagakylg.png"/></div>
			</div>
			<div id="lside1" class="seat vertical center-pack">
				<div class="username">Player 9</div>
				<div id="stack9" class="stack">100</div>
			</div>
		</div>
			<div class="vertical center-pack center-align">
			<div id="cards_8" class="horizontal center-pack">
				<div id="card8_1" class="card2"><img class="kaart" src="images/nupud/tagakylg.png"/></div>
				<div id="card8_2" class="card2"><img class="kaart" src="images/nupud/tagakylg.png"/></div>
			</div>
			<div id="lside2" class="seat vertical center-pack">
				<div class="username">Player 8</div>
				<div id="stack8" class="stack">100</div>
			</div>
		</div>
		</div>
		<div id="table" class="vertical center-pack center-align"> 
			<div class="table_upper horizontal center-pack extend">
				<div id="chipsandbuttons9" class="chipsandbuttons vertical center-align">
					<div id="dealer9" class="dealer chipmarginbottom"><img class="chip bigshadow" src="images/nupud/D.png"/></div>
					<div class="buffer vertical end-pack">
					<div id="chips9" class="chips">
					</div>
					</div>
					<div id="chipinfo9" class="chipinfo_upper"><b>Chips:</b> 4</div> 
				</div>
				<div id="chipsandbuttons1" class="chipsandbuttons vertical center-align">
					<div id="dealer1" class="dealer chipmarginbottom"><img class="chip bigshadow" src="images/nupud/D.png"/></div>
					<div class="buffer vertical end-pack">
					<div id="chips1" class="chips">
					</div>
					</div>
					<div id="chipinfo1" class="chipinfo_upper"><b>Chips:</b> 4</div> 
				</div>
				<div class="bank vertical end-pack center-align">
					<div class="buffer vertical end-pack">
					<div id="chips0">
						<img class="invisible" src="images/nupud/1x1.png"/>
						<img class="invisible" src="images/nupud/1x1.png"/>			
					</div>
					</div>
					<div id="pot"> <b>Pot:</b> 36</div>
				</div>
				<div id="chipsandbuttons2" class="chipsandbuttons vertical center-align">
					<div id="dealer2" class="dealer chipmarginbottom"><img class="chip bigshadow" src="images/nupud/D.png"/></div>
					<div class="buffer vertical end-pack">
					<div id="chips2" class="chips">
					</div>
					</div>
					<div id="chipinfo2" class="chipinfo_upper"><b>Chips:</b> 4</div> 
				</div>
				<div id="chipsandbuttons3" class="chipsandbuttons vertical center-align">
					<div id="dealer3" class="dealer chipmarginbottom"><img class="chip bigshadow" src="images/nupud/D.png"/></div>
					<div class="buffer vertical end-pack">
					<div id="chips3" class="chips">
					</div>
					</div>
					<div id="chipinfo3" class="chipinfo_upper"><b>Chips:</b> 4</div> 
				</div>
			</div>
			<div class="horizontal center-pack">
				<div id="flop1" class="card"><img class="kaart" src="images/nupud/tcard.png"/></div>
				<div id="flop2" class="card"><img class="kaart" src="images/nupud/tcard.png"/></div>
				<div id="flop3" class="card"><img class="kaart" src="images/nupud/tcard.png"/></div>
				<div id="turn" class="card"><img class="kaart" src="images/nupud/tcard.png"/></div>
				<div id="river" class="card"><img class="kaart" src="images/nupud/tcard.png"/></div>
			</div>
			<div id="info" class="chipinfo_upper"><b>Click on game area or press any key to continue</b></div>
			<div class="table_lower horizontal center-pack extend">
				<div id="chipsandbuttons8" class="chipsandbuttons vertical center-align end-pack">
					<div id="chipinfo8" class="chipinfo"><b>Chips:</b> 4</div>
					<div class="buffer vertical end-pack chipmarginbottom">
					<div id="chips8" class="chips">
					</div>
					</div>
					<div id="dealer8" class="dealer"><img class="chip bigshadow" src="images/nupud/D.png"/></div>
				</div>
				<div id="chipsandbuttons7" class="chipsandbuttons vertical center-align end-pack">
					<div id="chipinfo7" class="chipinfo"><b>Chips:</b> 4</div> 
					<div class="buffer vertical end-pack chipmarginbottom">
					<div id="chips7" class="chips">
					</div>
					</div>
					<div id="dealer7" class="dealer"><img class="chip bigshadow" src="images/nupud/D.png"/></div>
				</div>
				<div id="chipsandbuttons6" class="chipsandbuttons vertical center-align end-pack">
					<div id="chipinfo6" class="chipinfo"><b>Chips:</b> 4</div> 
					<div class="buffer vertical end-pack chipmarginbottom">
					<div id="chips6" class="chips">
					</div>
					</div>
					<div id="dealer6" class="dealer"><img class="chip bigshadow" src="images/nupud/D.png"/></div>
				</div>
				<div id="chipsandbuttons5" class="chipsandbuttons vertical center-align end-pack">
					<div id="chipinfo5" class="chipinfo"><b>Chips:</b> 4</div> 
					<div class="buffer vertical end-pack chipmarginbottom">
					<div id="chips5" class="chips">
					</div>
					</div>
					<div id="dealer5" class="dealer"><img class="chip bigshadow" src="images/nupud/D.png"/></div>
				</div>
				<div id="chipsandbuttons4" class="chipsandbuttons vertical center-align end-pack">
					<div id="chipinfo4" class="chipinfo"><b>Chips:</b> 4</div>
					<div class="buffer vertical end-pack chipmarginbottom">
					<div id="chips4" class="chips">
					</div>
					</div>
					<div id="dealer4" class="dealer"><img class="chip bigshadow" src="images/nupud/D.png"/></div>
				</div>
			</div>
		</div>
		<div id="right_sideseats" class="vertical center-pack extend">
			<div class="vertical center-pack center-align">
			<div id="cards_3" class="horizontal center-pack">
				<div id="card3_1" class="card2"><img class="kaart" src="images/nupud/tagakylg.png"/></div>
				<div id="card3_2" class="card2"><img class="kaart" src="images/nupud/tagakylg.png"/></div>
			</div>
			<div id="rside1" class="seat vertical center-pack">
				<div class="username">Player 3</div>
				<div id="stack3" class="stack">100</div>
			</div>
		</div>
			<div class="vertical center-pack center-align">
			<div id="cards_4" class="horizontal center-pack">
				<div id="card4_1" class="card2"><img class="kaart" src="images/nupud/tagakylg.png"/></div>
				<div id="card4_2" class="card2"><img class="kaart" src="images/nupud/tagakylg.png"/></div>
			</div>
			<div id="rside2" class="seat vertical center-pack">
				<div class="username">Player 4</div>
				<div id="stack4" class="stack">100</div>
			</div>
		</div>
		</div>
	</div>
	<div class="seats horizontal center-pack" onClick="commence();">
		<div class="vertical center-pack center-align seatwithcards_side">
			<div id="cards_7" class="horizontal center-pack">
				<div id="card7_1" class="card2"><img class="kaart" src="images/nupud/tagakylg.png"/></div>
				<div id="card7_2" class="card2"><img class="kaart" src="images/nupud/tagakylg.png"/></div>
			</div>
			<div id="seat_bottom1" class="seat vertical center-pack">
				<div class="username">Player 7</div>
				<div id="stack7" class="stack">100</div>
			</div>
		</div>
		<div id="seatwithcards_center" class="vertical center-pack center-align">
			<div id="cards_6" class="horizontal center-pack">
				<div id="card6_1" class="card2"><img class="kaart" src="images/nupud/tagakylg.png"/></div>
				<div id="card6_2" class="card2"><img class="kaart" src="images/nupud/tagakylg.png"/></div>
			</div>
			<div id="seat_bottom2" class="seat vertical center-pack">
				<div class="username">You</div>
				<div id="stack6" class="stack">100</div>
			</div>
		</div>
		<div class="vertical center-pack center-align seatwithcards_side">
			<div id="cards_5" class="horizontal center-pack">
				<div id="card5_1" class="card2"><img class="kaart" src="images/nupud/tagakylg.png"/></div>
				<div id="card5_2" class="card2"><img class="kaart" src="images/nupud/tagakylg.png"/></div>
			</div>
			<div id="seat_bottom3" class="seat vertical center-pack">
				<div class="username">Player 5</div>
				<div id="stack5" class="stack">100</div>
			</div>
		</div>
	</div>
	<div class= "chatandother vertical center-pack center-align">
	<div class="horizontal center-pack"> 
					<form> 
						<div id="start"> 
							<button type="button" onClick="startGame();">New Game</button>
						</div> 
					</form>
					<form> 
						<div id="end"> 
							<button type="button" onClick="endGame();">End Game</button>
						</div> 
					</form> 
					<form> 
					<div id="help"> 
							<a href="images/nupud/rules.png" rel="lightbox"><button type="button" onClick="kuva_help();">Help </button></a>
						</div>  
					</form> 
					<form> 
						<div id="button2"> 
							<button type="button" onClick="makeMove(0);"> Fold </button> 
						</div> 
					</form> 
					<form> 
						<div id="button3"> 
							<button type="button" onClick="makeMove(1);"> Check/Call </button> 
						</div> 
					</form> 
					<form> 
						<div id="button4"> 
							<button type="button" onClick="makeMove(2);"> Bet/Raise </button> 
				        </div> 
					</form> 
			</div> 		
			<div id="chatbox"> 
				<div id="vtab">
        		<ul>
        			<li class="chat"></li>
        			<li class="log"></li>
       	 		</ul>
				<div id="textarea2"> 
							<p class="hello"><b>Welcome to Pokermadness Chat!</b></p>
							<p class="chatbox2"></p>
					</div>
            <div id="textarea"> 
							<p class="hello"><b>Welcome to Pokermadness Log!</b></p>
							<p class="chatbox"></p>
					</div>
   			
    				</div>
					<div id="textenter"> 
						<div id="form"> 
							<form name="chatform"> 
							<b>Type here:</b><input id="chatinput" size="56" onKeyPress="return pressEnter(this,event)">
							</form> 
					</div>
				</div> 
			</div> 			
		</div>
	</div>
</body>
</html>